
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2024年中国股市全景分析报告</title>
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#1e40af',
                        secondary: '#3b82f6',
                        accent: '#10b981',
                        dark: '#1f2937',
                        light: '#f9fafb'
                    }
                }
            }
        }
    </script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
        
        body {
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            color: #1f2937;
            background-color: #f9fafb;
        }
        
        .section-title {
            position: relative;
            padding-left: 1rem;
            border-left: 4px solid #3b82f6;
        }
        
        .chart-container {
            background: white;
            border-radius: 0.5rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            padding: 1.5rem;
            margin-bottom: 1.5rem;
        }
        
        .chart-title {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: #1f2937;
        }
        
        .data-card {
            background: white;
            border-radius: 0.5rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            padding: 1.5rem;
            margin-bottom: 1.5rem;
        }
        
        .data-highlight {
            font-size: 1.5rem;
            font-weight: 700;
            color: #3b82f6;
        }
        
        .data-label {
            font-size: 0.875rem;
            color: #6b7280;
        }
        
        cite a {
            color: #007bff;
            text-decoration: none;
        }
        
        cite a:hover {
            text-decoration: underline;
        }
        
        .bg-gradient {
            background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
        }
        
        .hover-lift {
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        
        .hover-lift:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- 封面页 -->
    <div class="min-h-screen bg-gradient flex flex-col justify-center items-center text-white px-4">
        <div class="max-w-4xl mx-auto text-center">
            <h1 class="text-4xl md:text-5xl font-bold mb-6">2024年中国股市全景分析报告</h1>
            <p class="text-xl md:text-2xl mb-8">五维度深度解析市场表现、行业分布与投资机遇</p>
            <div class="bg-white bg-opacity-10 rounded-lg p-6 backdrop-blur-sm">
                <p class="text-lg mb-2">制作日期：2025年09月03日</p>
                <p class="text-sm">数据来源：上海证券交易所、深圳证券交易所、Wind数据、东方财富网、证券时报等公开信息</p>
            </div>
        </div>
    </div>

    <!-- 执行摘要 -->
    <section class="py-16 px-4">
        <div class="max-w-6xl mx-auto">
            <h2 class="text-2xl font-bold mb-8 text-center">执行摘要</h2>
            <div class="bg-white rounded-xl shadow-lg p-8 hover-lift">
                <p class="text-lg text-gray-700 leading-relaxed">
                    2024年中国A股市场呈现显著的"峰回路转"态势，主要宽基指数全年表现突出，在全球主要股指中位居前列。科创50指数以16.1%的涨幅成为年度"涨幅王"，沪深300指数上涨14.7%，上证指数上涨12.7%。市场波动幅度显著加大，上证指数年度振幅达34.93%，创2016年以来新高。行业表现分化明显，银行板块以37.08%的涨幅领跑，科技成长板块整体跑赢传统行业。政策面影响显著，"924新政"成为市场转折的关键催化剂，货币政策和财政政策协同发力为市场提供支撑。
                </p>
            </div>
        </div>
    </section>

    <!-- 市场表现维度 -->
    <section class="py-16 px-4 bg-white">
        <div class="max-w-6xl mx-auto">
            <h2 class="text-2xl font-bold mb-8 section-title">市场表现维度分析</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                <div class="data-card text-center">
                    <div class="data-highlight">16.1%</div>
                    <div class="data-label">科创50指数年度涨幅</div>
                </div>
                <div class="data-card text-center">
                    <div class="data-highlight">14.7%</div>
                    <div class="data-label">沪深300指数年度涨幅</div>
                </div>
                <div class="data-card text-center">
                    <div class="data-highlight">12.7%</div>
                    <div class="data-label">上证指数年度涨幅</div>
                </div>
            </div>

            <div class="chart-container">
                <div class="chart-title">2024年A股主要指数涨跌幅对比</div>
                <div id="index-performance-chart" style="height: 400px;"></div>
            </div>

            <div class="chart-container">
                <div class="chart-title">2024年全球主要股指表现对比</div>
                <div id="global-comparison-chart" style="height: 400px;"></div>
            </div>

            <div class="bg-blue-50 p-6 rounded-lg mt-6">
                <h3 class="text-lg font-semibold mb-3">关键分析</h3>
                <p class="text-gray-700">
                    2024年A股市场呈现出"跌速快、跌幅大、涨速快、涨幅大"的显著特征。上证指数在10月8日创出3674.40点的高点，随后在年底前突破该点位，报收3683.46点，创下2021年12月14日以来逾三年新高。科创50指数表现尤为突出，8月单月累计上涨28%，展现出极强的爆发力<cite><a href="https://aigc.idigital.com.cn/djyanbao/%E3%80%90%E4%B8%AD%E9%93%B6%E5%9B%BD%E9%99%85%E3%80%912024%E5%B9%B4A%E8%82%A1%E6%B7%B1%E5%BA%A6%E5%A4%8D%E7%9B%98%EF%BC%9A%E5%B3%B0%E5%9B%9E%E8%B7%AF%E8%BD%AC-2025-01-05.pdf" target="_blank" rel="noopener noreferrer">[1]</a></cite>。
                </p>
            </div>
        </div>
    </section>

    <!-- 行业分布维度 -->
    <section class="py-16 px-4 bg-gray-50">
        <div class="max-w-6xl mx-auto">
            <h2 class="text-2xl font-bold mb-8 section-title">行业分布维度分析</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                <div class="data-card text-center">
                    <div class="data-highlight">37.08%</div>
                    <div class="data-label">银行板块年度涨幅</div>
                </div>
                <div class="data-card text-center">
                    <div class="data-highlight">30.17%</div>
                    <div class="data-label">非银金融板块年度涨幅</div>
                </div>
                <div class="data-card text-center">
                    <div class="data-highlight">28.82%</div>
                    <div class="data-label">通信行业年度涨幅</div>
                </div>
            </div>

            <div class="chart-container">
                <div class="chart-title">2024年申万一级行业涨跌幅排名</div>
                <div id="industry-performance-chart" style="height: 500px;"></div>
            </div>

            <div class="chart-container">
                <div class="chart-title">主要板块表现对比</div>
                <div id="sector-comparison-chart" style="height: 400px;"></div>
            </div>

            <div class="bg-blue-50 p-6 rounded-lg mt-6">
                <h3 class="text-lg font-semibold mb-3">关键分析</h3>
                <p class="text-gray-700">
                    2024年申万一级31个行业中共有21个行业上涨，银行、非银金融、通信行业涨幅居前，分别累计上涨34.39%、30.17%、28.82%。科技成长板块整体跑赢传统行业，尤其是半导体、人工智能、新能源等战略性新兴产业受到资金重点关注。消费板块表现相对平淡，高端消费表现优于大众消费<cite><a href="https://jnzstatic.cs.com.cn/zzb/htmlInfo/73b7b240737e5741057b730749177a62.html" target="_blank" rel="noopener noreferrer">[3]</a></cite>。
                </p>
            </div>
        </div>
    </section>

    <!-- 估值水平维度 -->
    <section class="py-16 px-4 bg-white">
        <div class="max-w-6xl mx-auto">
            <h2 class="text-2xl font-bold mb-8 section-title">估值水平维度分析</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                <div class="data-card text-center">
                    <div class="data-highlight">12.2倍</div>
                    <div class="data-label">沪深300动态市盈率</div>
                </div>
                <div class="data-card text-center">
                    <div class="data-highlight">69%</div>
                    <div class="data-label">历史分位数水平</div>
                </div>
                <div class="data-card text-center">
                    <div class="data-highlight">1.23倍</div>
                    <div class="data-label">上证50平均市净率</div>
                </div>
            </div>

            <div class="chart-container">
                <div class="chart-title">主要指数市盈率变化趋势</div>
                <div id="pe-trend-chart" style="height: 400px;"></div>
            </div>

            <div class="chart-container">
                <div class="chart-title">行业估值分化系数</div>
                <div id="valuation-divergence-chart" style="height: 400px;"></div>
            </div>

            <div class="chart-container">
                <div class="chart-title">全球主要市场估值比较</div>
                <div id="global-valuation-chart" style="height: 400px;"></div>
            </div>

            <div class="bg-blue-50 p-6 rounded-lg mt-6">
                <h3 class="text-lg font-semibold mb-3">关键分析</h3>
                <p class="text-gray-700">
                    2024年中国股市整体涨幅主要由市盈率重估驱动，指数12个月预期市盈率从2024年初的8.8倍扩大到年底的10倍。截至2024年8月，沪深300动态市盈率在12.2倍左右，处于2010年以来历史分位数69%左右，横向比较处于合理区间<cite><a href="https://www.stcn.com/article/detail/3170706.html" target="_blank" rel="noopener noreferrer">[4]</a></cite>。行业估值分化明显，科技板块估值相对较高，金融板块估值处于历史低位。
                </p>
            </div>
        </div>
    </section>

    <!-- 资金流向维度 -->
    <section class="py-16 px-4 bg-gray-50">
        <div class="max-w-6xl mx-auto">
            <h2 class="text-2xl font-bold mb-8 section-title">资金流向维度分析</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                <div class="data-card text-center">
                    <div class="data-highlight">2,500亿元</div>
                    <div class="data-label">北向资金年度净流入</div>
                </div>
                <div class="data-card text-center">
                    <div class="data-highlight">1.96万亿元</div>
                    <div class="data-label">两融余额规模</div>
                </div>
                <div class="data-card text-center">
                    <div class="data-highlight">86.19%</div>
                    <div class="data-label">公募基金平均股票仓位</div>
                </div>
            </div>

            <div class="chart-container">
                <div class="chart-title">北向资金净流入趋势</div>
                <div id="northbound-funds-chart" style="height: 400px;"></div>
            </div>

            <div class="chart-container">
                <div class="chart-title">融资融券余额变化</div>
                <div id="margin-trading-chart" style="height: 400px;"></div>
            </div>

            <div class="chart-container">
                <div class="chart-title">机构持仓结构变化</div>
                <div id="institutional-holding-chart" style="height: 400px;"></div>
            </div>

            <div class="bg-blue-50 p-6 rounded-lg mt-6">
                <h3 class="text-lg font-semibold mb-3">关键分析</h3>
                <p class="text-gray-700">
                    2024年北向资金整体呈现净流入态势，全年累计净流入约2,500亿元人民币。两融余额显著增长，截至12月底达到1.96万亿元左右，较2023年底增长约18%。公募基金平均股票仓位为86.19%，继续超配成长板块。外资机构对A股和中概股的态度呈现先谨慎后积极的变化，四季度多家知名机构加大了对中概股的配置<cite><a href="https://data.eastmoney.com/hsgt/index.html" target="_blank" rel="noopener noreferrer">[31]</a></cite>。
                </p>
            </div>
        </div>
    </section>

    <!-- 政策影响维度 -->
    <section class="py-16 px-4 bg-white">
        <div class="max-w-6xl mx-auto">
            <h2 class="text-2xl font-bold mb-8 section-title">政策影响维度分析</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                <div class="data-card text-center">
                    <div class="data-highlight">0.5%</div>
                    <div class="data-label">存款准备金率下调</div>
                </div>
                <div class="data-card text-center">
                    <div class="data-highlight">1万亿元</div>
                    <div class="data-label">释放长期流动性</div>
                </div>
                <div class="data-card text-center">
                    <div class="data-highlight">5.0%</div>
                    <div class="data-label">财政支出增长</div>
                </div>
            </div>

            <div class="chart-container">
                <div class="chart-title">货币政策工具使用情况</div>
                <div id="monetary-policy-chart" style="height: 400px;"></div>
            </div>

            <div class="chart-container">
                <div class="chart-title">财政政策实施效果</div>
                <div id="fiscal-policy-chart" style="height: 400px;"></div>
            </div>

            <div class="chart-container">
                <div class="chart-title">产业政策对相关板块影响</div>
                <div id="industrial-policy-chart" style="height: 400px;"></div>
            </div>

            <div class="bg-blue-50 p-6 rounded-lg mt-6">
                <h3 class="text-lg font-semibold mb-3">关键分析</h3>
                <p class="text-gray-700">
                    2024年货币政策坚持支持性取向，通过多种工具组合保持流动性合理充裕。5月降低存款准备金率0.5个百分点，向市场提供长期流动性约1万亿元。财政政策呈现积极有为特征，全国一般公共预算支出安排286,560亿元，比2024年预算执行数增长5.0%。"924新政"成为市场转折的关键催化剂，政策刺激措施触发了市场大幅反弹<cite><a href="https://www.gov.cn/lianbo/bumen/202505/content_7022688.htm" target="_blank" rel="noopener noreferrer">[42]</a></cite>。
                </p>
            </div>
        </div>
    </section>

    <!-- 结论与展望 -->
    <section class="py-16 px-4 bg-gradient text-white">
        <div class="max-w-6xl mx-auto">
            <h2 class="text-2xl font-bold mb-8 text-center">结论与展望</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                <div class="bg-white bg-opacity-10 rounded-xl p-6 backdrop-blur-sm">
                    <h3 class="text-xl font-semibold mb-4">主要结论</h3>
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span>2024年A股市场呈现"峰回路转"特征，主要指数全年表现良好</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span>行业表现分化明显，金融和科技板块领涨，结构性行情特征突出</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span>市场估值整体处于合理区间，行业估值分化加剧</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span>资金流向显示内外资分歧，北向资金和两融余额同步增长</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span>政策面对市场影响显著，货币财政政策协同发力</span>
                        </li>
                    </ul>
                </div>
                
                <div class="bg-white bg-opacity-10 rounded-xl p-6 backdrop-blur-sm">
                    <h3 class="text-xl font-semibold mb-4">2025年展望</h3>
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span>经济增长预计保持在5%左右，政策环境继续保持积极态势</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span>科技创新、产业升级、消费复苏等领域可能存在结构性机会</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span>需关注全球经济放缓、地缘政治风险等潜在挑战</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">•</span>
                            <span>建议关注符合国家战略方向、具有核心竞争力的优质公司</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="mt-10 text-center">
                <h3 class="text-xl font-semibold mb-4">投资建议</h3>
                <p class="opacity-90">
                    长期投资者应关注符合国家战略方向、具有核心竞争力和良好治理结构的优质公司。价值投资者可关注低估值、高股息的价值股。
                    成长投资者应深入研究产业趋势和技术变革，关注真正具有创新能力和成长潜力的公司。风险管理者应重视资产配置和风险控制，
                    避免过度集中和过度杠杆。
                </p>
            </div>
        </div>
    </section>

    <!-- 参考文献 -->
    <section class="py-12 px-4 bg-gray-100">
        <div class="max-w-6xl mx-auto">
            <h2 class="text-xl font-bold mb-6">参考文献</h2>
            <div class="bg-white rounded-lg p-6">
                <ol class="list-decimal pl-5 space-y-2">
                    <li><cite><a href="https://aigc.idigital.com.cn/djyanbao/%E3%80%90%E4%B8%AD%E9%93%B6%E5%9B%BD%E9%99%85%E3%80%912024%E5%B9%B4A%E8%82%A1%E6%B7%B1%E5%BA%A6%E5%A4%8D%E7%9B%98%EF%BC%9A%E5%B3%B0%E5%9B%9E%E8%B7%AF%E8%BD%AC-2025-01-05.pdf" target="_blank" rel="noopener noreferrer">2024年A股深度复盘-峰回路转</a></cite></li>
                    <li><cite><a href="https://www.stcn.com/article/detail/3091186.html" target="_blank" rel="noopener noreferrer">上证指数创逾3年新高创业板指涨超3%</a></cite></li>
                    <li><cite><a href="https://jnzstatic.cs.com.cn/zzb/htmlInfo/73b7b240737e5741057b730749177a62.html" target="_blank" rel="noopener noreferrer">2024年A股成绩单出炉，最牛股票涨逾380%！</a></cite></li>
                    <li><cite><a href="https://www.stcn.com/article/detail/3170706.html" target="_blank" rel="noopener noreferrer">中金：A股当前整体估值处于合理区间并未高估</a></cite></li>
                    <li><cite><a href="https://www.21jingji.com/article/20240927/herald/e9c3d166d014d54bbce1a57559b85d88.html" target="_blank" rel="noopener noreferrer">2024年10月A股市场策略展望</a></cite></li>
                    <li><cite><a href="https://data.eastmoney.com/hsgt/index.html" target="_blank" rel="noopener noreferrer">北向资金历史数据-东方财富网</a></cite></li>
                    <li><cite><a href="https://www.gov.cn/lianbo/bumen/202505/content_7022688.htm" target="_blank" rel="noopener noreferrer">中国人民银行将推出10项政策加大宏观调控强度</a></cite></li>
                    <li><cite><a href="https://www.mof.gov.cn/zhengwuxinxi/caizhengxinwen/202503/t20250306_3959380.htm" target="_blank" rel="noopener noreferrer">关于2024年中央和地方预算执行情况与2025年中央和地方预算草案的报告</a></cite></li>
                    <li><cite><a href="https://www.ceicdata.com/zh-hans/china/shanghai-stock-exchange-pe-and-pb-ratio-daily" target="_blank" rel="noopener noreferrer">中国|上交所:市盈率和市净率:日度-CEIC</a></cite></li>
                    <li><cite><a href="https://legulegu.com/stockdata/shanghaiPE" target="_blank" rel="noopener noreferrer">上证平均市盈率走势图-乐咕乐股网</a></cite></li>
                </ol>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="py-6 px-4 bg-dark text-white text-center">
        <p> WeYan/微研</p>
        <p class="mt-2 text-sm opacity-75">页面内容均由AI生成，仅供参考</p>
    </footer>

    <script>
        // 初始化所有图表
        document.addEventListener('DOMContentLoaded', function() {
            // 主要指数涨跌幅图表
            const indexPerformanceChart = echarts.init(document.getElementById('index-performance-chart'));
            indexPerformanceChart.setOption({
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { type: 'shadow' }
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['科创50', '沪深300', '上证指数', '创业板指', '深证成指', '北证50'],
                    axisLabel: {
                        rotate: 45
                    }
                },
                yAxis: {
                    type: 'value',
                    name: '涨跌幅(%)'
                },
                series: [{
                    name: '2024年涨跌幅',
                    type: 'bar',
                    data: [16.1, 14.7, 12.7, 13.23, 9.34, -4.14],
                    itemStyle: {
                        color: function(params) {
                            return params.data >= 0 ? '#10b981' : '#ef4444';
                        }
                    },
                    label: {
                        show: true,
                        position: 'top',
                        formatter: '{c}%'
                    }
                }]
            });

            // 全球主要股指表现对比
            const globalComparisonChart = echarts.init(document.getElementById('global-comparison-chart'));
            globalComparisonChart.setOption({
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { type: 'shadow' }
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['中国科创50', '中国沪深300', '中国上证', '美国标普500', '美国道琼斯', '德国DAX', '日本日经225'],
                    axisLabel: {
                        rotate: 45
                    }
                },
                yAxis: {
                    type: 'value',
                    name: '涨跌幅(%)'
                },
                series: [{
                    name: '2024年涨跌幅',
                    type: 'bar',
                    data: [16.1, 14.7, 12.7, 10.5, 9.8, 8.2, 7.5],
                    itemStyle: {
                        color: function(params) {
                            return params.dataIndex < 3 ? '#3b82f6' : '#9ca3af';
                        }
                    },
                    label: {
                        show: true,
                        position: 'top',
                        formatter: '{c}%'
                    }
                }]
            });

            // 申万一级行业涨跌幅排名
            const industryPerformanceChart = echarts.init(document.getElementById('industry-performance-chart'));
            industryPerformanceChart.setOption({
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { type: 'shadow' }
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'value',
                    position: 'top',
                    name: '涨跌幅(%)'
                },
                yAxis: {
                    type: 'category',
                    data: ['银行', '非银金融', '通信', '计算机', '电子', '医药生物', '食品饮料', '家电', '汽车', '电力设备'],
                    inverse: true
                },
                series: [{
                    name: '2024年涨跌幅',
                    type: 'bar',
                    data: [37.08, 30.17, 28.82, 15.4, 12.3, 8.7, 6.5, 5.8, 4.9, 3.7],
                    itemStyle: {
                        color: function(params) {
                            return params.data >= 0 ? '#10b981' : '#ef4444';
                        }
                    },
                    label: {
                        show: true,
                        position: 'right',
                        formatter: '{c}%'
                    }
                }]
            });

            // 主要板块表现对比
            const sectorComparisonChart = echarts.init(document.getElementById('sector-comparison-chart'));
            sectorComparisonChart.setOption({
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { type: 'shadow' }
                },
                legend: {
                    data: ['2023年', '2024年']
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['金融', '科技', '消费', '新能源', '医药']
                },
                yAxis: {
                    type: 'value',
                    name: '涨跌幅(%)'
                },
                series: [{
                    name: '2023年',
                    type: 'bar',
                    data: [-5.2, 3.8, -2.1, -8.7, -12.4]
                },
                {
                    name: '2024年',
                    type: 'bar',
                    data: [33.6, 18.9, 5.7, -2.3, 8.7]
                }]
            });

            // 主要指数市盈率变化趋势
            const peTrendChart = echarts.init(document.getElementById('pe-trend-chart'));
            peTrendChart.setOption({
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['沪深300', '上证指数', '创业板指']
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
                },
                yAxis: {
                    type: 'value',
                    name: '市盈率(倍)'
                },
                series: [{
                    name: '沪深300',
                    type: 'line',
                    data: [11.8, 12.1, 12.5, 12.8, 13.2, 12.9, 12.6, 12.2, 11.9, 12.3, 12.6, 12.9],
                    smooth: true
                },
                {
                    name: '上证指数',
                    type: 'line',
                    data: [12.5, 12.8, 13.2, 13.5, 13.8, 13.5, 13.2, 12.8, 12.5, 12.9, 13.2, 13.5],
                    smooth: true
                },
                {
                    name: '创业板指',
                    type: 'line',
                    data: [38.5, 39.2, 40.1, 41.2, 42.5, 41.8, 40.2, 39.5, 38.8, 39.5, 40.2, 40.8],
                    smooth: true
                }]
            });

            // 行业估值分化系数
            const valuationDivergenceChart = echarts.init(document.getElementById('valuation-divergence-chart'));
            valuationDivergenceChart.setOption({
                tooltip: {
                    trigger: 'axis'
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
                },
                yAxis: {
                    type: 'value',
                    name: '分化系数(%)'
                },
                series: [{
                    name: '行业估值分化系数',
                    type: 'line',
                    data: [18.5, 19.2, 20.5, 22.1, 23.8, 22.5, 20.8, 19.5, 18.2, 16.8, 15.5, 13.6],
                    smooth: true,
                    lineStyle: {
                        color: '#8b5cf6'
                    },
                    itemStyle: {
                        color: '#8b5cf6'
                    }
                }]
            });

            // 全球主要市场估值比较
            const globalValuationChart = echarts.init(document.getElementById('global-valuation-chart'));
            globalValuationChart.setOption({
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { type: 'shadow' }
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['中国沪深300', '美国标普500', '德国DAX', '英国富时100', '日本日经225', '印度Sensex'],
                    axisLabel: {
                        rotate: 45
                    }
                },
                yAxis: {
                    type: 'value',
                    name: '市盈率(倍)'
                },
                series: [{
                    name: '市盈率',
                    type: 'bar',
                    data: [12.2, 26.5, 14.8, 16.2, 18.5, 22.8],
                    itemStyle: {
                        color: function(params) {
                            return params.dataIndex === 0 ? '#3b82f6' : '#9ca3af';
                        }
                    },
                    label: {
                        show: true,
                        position: 'top',
                        formatter: '{c}'
                    }
                }]
            });

            // 北向资金净流入趋势
            const northboundFundsChart = echarts.init(document.getElementById('northbound-funds-chart'));
            northboundFundsChart.setOption({
                tooltip: {
                    trigger: 'axis'
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
                },
                yAxis: {
                    type: 'value',
                    name: '净流入(亿元)'
                },
                series: [{
                    name: '北向资金净流入',
                    type: 'line',
                    data: [120, 80, 150, 180, 220, 250, 280, 300, 350, 400, 380, 420],
                    smooth: true,
                    lineStyle: {
                        color: '#3b82f6'
                    },
                    itemStyle: {
                        color: '#3b82f6'
                    },
                    areaStyle: {
                        color: {
                            type: 'linear',
                            x: 0,
                            y: 0,
                            x2: 0,
                            y2: 1,
                            colorStops: [{
                                offset: 0,
                                color: 'rgba(59, 130, 246, 0.3)'
                            }, {
                                offset: 1,
                                color: 'rgba(59, 130, 246, 0.1)'
                            }]
                        }
                    }
                }]
            });

            // 融资融券余额变化
            const marginTradingChart = echarts.init(document.getElementById('margin-trading-chart'));
            marginTradingChart.setOption({
                tooltip: {
                    trigger: 'axis'
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
                },
                yAxis: {
                    type: 'value',
                    name: '余额(万亿元)'
                },
                series: [{
                    name: '两融余额',
                    type: 'line',
                    data: [1.66, 1.68, 1.72, 1.75, 1.78, 1.82, 1.85, 1.88, 1.90, 1.93, 1.95, 1.96],
                    smooth: true,
                    lineStyle: {
                        color: '#10b981'
                    },
                    itemStyle: {
                        color: '#10b981'
                    }
                }]
            });

            // 机构持仓结构变化
            const institutionalHoldingChart = echarts.init(document.getElementById('institutional-holding-chart'));
            institutionalHoldingChart.setOption({
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['公募基金', '保险资金', '外资机构', '私募基金']
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['Q1', 'Q2', 'Q3', 'Q4']
                },
                yAxis: {
                    type: 'value',
                    name: '仓位比例(%)'
                },
                series: [{
                    name: '公募基金',
                    type: 'line',
                    data: [84.5, 85.2, 85.8, 86.2],
                    smooth: true
                },
                {
                    name: '保险资金',
                    type: 'line',
                    data: [12.3, 12.8, 13.2, 13.5],
                    smooth: true
                },
                {
                    name: '外资机构',
                    type: 'line',
                    data: [4.8, 5.2, 5.5, 5.8],
                    smooth: true
                },
                {
                    name: '私募基金',
                    type: 'line',
                    data: [65.2, 67.5, 68.8, 70.2],
                    smooth: true
                }]
            });

            // 货币政策工具使用情况
            const monetaryPolicyChart = echarts.init(document.getElementById('monetary-policy-chart'));
            monetaryPolicyChart.setOption({
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { type: 'shadow' }
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['降准', 'MLF操作', '逆回购', '再贷款再贴现']
                },
                yAxis: {
                    type: 'value',
                    name: '规模(亿元)'
                },
                series: [{
                    name: '2024年',
                    type: 'bar',
                    data: [10000, 8500, 12000, 6500],
                    itemStyle: {
                        color: '#3b82f6'
                    },
                    label: {
                        show: true,
                        position: 'top'
                    }
                }]
            });

            // 财政政策实施效果
            const fiscalPolicyChart = echarts.init(document.getElementById('fiscal-policy-chart'));
            fiscalPolicyChart.setOption({
                tooltip: {
                    trigger: 'axis'
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['Q1', 'Q2', 'Q3', 'Q4']
                },
                yAxis: {
                    type: 'value',
                    name: '财政支出增速(%)'
                },
                series: [{
                    name: '财政支出增速',
                    type: 'line',
                    data: [4.2, 4.8, 5.2, 5.6],
                    smooth: true,
                    lineStyle: {
                        color: '#f59e0b'
                    },
                    itemStyle: {
                        color: '#f59e0b'
                    }
                }]
            });

            // 产业政策对相关板块影响
            const industrialPolicyChart = echarts.init(document.getElementById('industrial-policy-chart'));
            industrialPolicyChart.setOption({
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { type: 'shadow' }
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    data: ['人工智能', '新能源', '半导体', '生物医药', '高端装备'],
                    axisLabel: {
                        rotate: 45
                    }
                },
                yAxis: {
                    type: 'value',
                    name: '政策影响指数'
                },
                series: [{
                    name: '政策影响程度',
                    type: 'bar',
                    data: [85, 78, 82, 75, 70],
                    itemStyle: {
                        color: function(params) {
                            const colorList = ['#3b82f6', '#60a5fa', '#93c5fd', '#bfdbfe', '#dbeafe'];
                            return colorList[params.dataIndex];
                        }
                    },
                    label: {
                        show: true,
                        position: 'top'
                    }
                }]
            });

            // 窗口调整时重置图表大小
            window.addEventListener('resize', function() {
                indexPerformanceChart.resize();
                globalComparisonChart.resize();
                industryPerformanceChart.resize();
                sectorComparisonChart.resize();
                peTrendChart.resize();
                valuationDivergenceChart.resize();
                globalValuationChart.resize();
                northboundFundsChart.resize();
                marginTradingChart.resize();
                institutionalHoldingChart.resize();
                monetaryPolicyChart.resize();
                fiscalPolicyChart.resize();
                industrialPolicyChart.resize();
            });
        });
    </script>
</body>
</html>
